<!DOCTYPE html>
<html lang="en">
<head>
    <!-- <meta charset="utf-8"> -->
    <title>速赔宝</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="/phone/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/phone/css/demo.css">

    <!-- Demo styles -->
    <style>
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        /*font-size: 14px;*/
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        background: #fff;
    }
    .swiper-container-v {
        background: #eee;
    }
    </style>
</head>
<body>
   
    <!-- Swiper -->
    <div class="swiper-container swiper-container-h">
         <div class="wx-tip wx-tip-an">
        <h2>亲，请用浏览器打开下载~</h2>
        <p>1、点击右上角的<img class="menu" src="/phone/images/index.png"></p>
        <p>2、选择：“在浏览器打开”即可下载！</p>
        <img class="arrow" src="/phone/images/8.png">
    </div>
        <div class="swiper-wrapper">
            <!-- <div class="swiper-slide">Horizontal Slide 1</div> -->
            <div class="swiper-slide">
                <div class="swiper-container swiper-container-v">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" style="background:url(/phone/images/1.png) center center no-repeat;background-size: 99.9%;">
                          <div  style="vertical-align:middle;padding-top:15%;"><img src="/phone/images/7.png" style="width:85px;height:85px;"></div>

                           <div style="font-size:30px;color:#FFFFFF;text-shadow:0px 2px 0px #383A3D;text-align:center;margin-top:10%">速赔宝</div>
                           <div style="font-size:14px;color:#F5F5F5;text-shadow:0px 2px 0px #383A3D;text-align:center;margin-top:3%;margin-bottom:33%;">用速度与透明定义理赔</div>
                       <a href="#" class="xiazai" style="text-decoration:none;"> <div style="margin:0 auto;vertical-align:middle;width:250px;height:45px;border-radius:45px 45px 45px 45px ;border:2px solid #ffffff;background:rgba(255,255,255,0.2);text-align:center;font-size:18px;line-height:45px;"><font color="#FFFFFF">立即下载</font></div></a>
                             <div class="image" style="position:absolute;bottom:0px;left:49%;"><img src="/phone/images/6.png" style="width:18px;height:18px;"></div>
                        </div>
                        
                         <div class="swiper-slide" style="background:url(/phone/images/2.png) center center no-repeat;background-size: 99.9%;">
                        <div style="font-size:20px;color:#FFFFFF;text-shadow:0px 2px 0px #383A3D;text-align:center;margin-top:65%">过去理赔进度缓慢模糊</div>
                            <div class="image" style="position:absolute;bottom:0px;left:49%;"><img src="/phone/images/6.png" style="width:18px;height:18px;"></div>
                        </div>
                        <div class="swiper-slide" style="background:url(/phone/images/3.png) center center no-repeat;background-size: 99.9%;">
                        <div style="font-size:20px;color:#FFFFFF;text-shadow:0px 2px 0px #383A3D;margin-top:15%;text-align:center;">如今，在线提交申请</div>
                            <div class="image" style="position:absolute;bottom:0px;left:49%;"><img src="/phone/images/6.png" style="width:18px;height:18px;"></div>
                        </div>
                        <div class="swiper-slide" style="background:url(/phone/images/4.png) center center no-repeat;background-size: 99.9%;">
                        <div style="font-size:20px;color:#FFFFFF;text-shadow:0px 2px 0px #383A3D;margin-top:15%;text-align:center;">审核快速，流程透明</div>
                            <div class="image" style="position:absolute;bottom:0px;left:49%;"><img src="/phone/images/6.png" style="width:18px;height:18px;"></div>
                        </div>
                        <div class="swiper-slide" style="background:url(/phone/images/5.png) center center no-repeat;background-size: 99.9%;">
                             <div style="font-size:20px;color:#FFFFFF;text-shadow:0px 2px 0px #383A3D;text-align:center;margin-top:15%;">方便查看已结案产品</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Swiper JS -->
    <script src="/phone/js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    // var swiperH = new Swiper('.swiper-container-h', {
    //     pagination: '.swiper-pagination-h',
    //     paginationClickable: true,
    //     spaceBetween: 0
    // });
    var swiperV = new Swiper('.swiper-container-v', {
        pagination: '.swiper-pagination-v',
        paginationClickable: true,
        direction: 'vertical',
        spaceBetween: 0
    });
    </script>
    <script type="text/javascript" src="/phone/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/phone/js/jquery/1.9.1.min.js"></script>
    <script type="text/javascript">
    function isWeixinBrowser(){
        var ua = navigator.userAgent.toLowerCase();
        return (/micromessenger/.test(ua)) ? true : false ;
    }
    function isAndroid() {
        var ua = navigator.userAgent.toLowerCase();
        return (/android/.test(ua)) ? true : false ;
    }
    function isIos() {
        var ua = navigator.userAgent.toLowerCase();
        return (/(iphone|ipod|ipad)/.test(ua)) ? true : false ;
    }

    function goAndroidDownloadUrl(){
            window.location.href= "http://txgj.vgeili.cn/download/dakang_android.apk"+ location.search
    }
    if(!isWeixinBrowser()){
        try{
            setTimeout(function(){
                if(isIos()){
                    alert('IOS版正在内测中敬请期待');
                }else if(isAndroid()){
                    goAndroidDownloadUrl()
                }

            },500)
            
        }catch(e) {
        }
    }

    $(function(){
        if(isWeixinBrowser()){
            if(isIos()){
                $(".xiazai").click(function(e){
                    e.preventDefault()
                    $(".wx-tip-an").show()
                })
            }else if(isAndroid()){
                $(".xiazai").click(function(e){
                    e.preventDefault()
                    $(".wx-tip-an").show()

                })
            }
        }else{
            if(isIos()){
                $(".xiazai").click(function(e){
                    try{
                    alert('IOS版正在内测中敬请期待');
                    }catch(e){

                    }
                })
            }else {
                $(".xiazai").click(function(){
                    try {
                        goAndroidDownloadUrl()
                    }catch(e){
                        alert(e)
                    }
                })
            }
        }
    })

    </script>
</body>
</html>
